// ==UserScript==
// @name         智能划词翻译
// @namespace    https://greasyfork.org/zh-CN/users/150560
// @version      1.3.3
// @description  划词翻译,自动切换谷歌翻译和有道词典
// @author       田雨菲
// @match        http://*/*
// @include      https://*/*
// @run-at document-end
// @connect      dict.youdao.com
// @connect      translate.google.cn
// @grant        GM_xmlhttpRequest
// ==/UserScript==

(function () {
  'use strict';

  var youdaoUrl = 'http://dict.youdao.com/jsonapi?xmlVersion=5.1&jsonversion=2&q=';
  var googleUrl = 'https://translate.google.cn/translate_a/single?client=gtx&dt=t&dt=bd&dj=1&source=input&hl=zh-CN&sl=auto&tl=';
  var iconSize = 24;
  var translationTestSize = 16;
  var icon = document.createElement('div');
  var style = '' +
      'width:24px;' +
      'height:24px;' +
      'margin:4px!important;' +
      '';
  icon.innerHTML = '' +
      '<svg href="javascript:void(0)" style="' + style + '" "width="24" height="24" viewBox="0 0 768 768">' +
      '<path d="M672 640.5v-417c0-18-13.5-31.5-31.5-31.5h-282l37.5 129h61.5v-33h34.5v33h115.5v33h-40.5c-10.5 40.5-33 79.5-61.5 112.5l87 85.5-22.5 24-87-85.5-28.5 28.5 25.5 88.5-64.5 64.5h225c18 0 31.5-13.5 31.5-31.5zM447 388.5c7.5 15 19.5 34.5 36 54 39-46.5 49.5-88.5 49.5-88.5h-127.5l10.5 34.5h31.5zM423 412.5l19.5 70.5 18-16.5c-15-16.5-27-34.5-37.5-54zM355.5 339c0-7.381-0.211-16.921-3-22.5h-126v49.5h70.5c-4.5 19.5-24 48-67.5 48-42 0-76.5-36-76.5-78s34.5-78 76.5-78c24 0 39 10.5 48 19.5l3 1.5 39-37.5-3-1.5c-24-22.5-54-34.5-87-34.5-72 0-130.5 58.5-130.5 130.5s58.5 130.5 130.5 130.5c73.5 0 126-52.5 126-127.5zM640.5 160.5c34.5 0 63 28.5 63 63v417c0 34.5-28.5 63-63 63h-256.5l-31.5-96h-225c-34.5 0-63-28.5-63-63v-417c0-34.5 28.5-63 63-63h192l28.5 96h292.5z" style="fill:#3e84f4;"></svg>' +
      '';
  icon.setAttribute('style', '' +
      'width:32px!important;' +
      'height:32px!important;' +
      'display:none!important;' +
      'background:#fff!important;' +
      'border-radius:16px!important;' +
      'box-shadow:4px 4px 8px #888!important;' +
      'position:absolute!important;' +
      'z-index:2147483647!important;' +
      '');
      
  // 添加翻译图标到 DOM
  document.documentElement.appendChild(icon);
  // 鼠标事件：防止选中的文本消失
  document.addEventListener('mousedown', function (e) {
      if (e.target == icon || (e.target.parentNode && e.target.parentNode == icon) || (e.target.parentNode.parentNode && e.target.parentNode.parentNode == icon)) {// 点击了翻译图标
          e.preventDefault();
      }
  });
  // 选中变化事件：当点击已经选中的文本的时候，隐藏翻译图标和翻译面板（此时浏览器动作是：选中的文本已经取消选中了）
  document.addEventListener("selectionchange", function () {
      if (!window.getSelection().toString().trim()) {
          icon.style.display = 'none';
          server.containerDestroy();
      }
  });
  // 鼠标事件：防止选中的文本消失；显示、隐藏翻译图标
  document.addEventListener('mouseup', function (e) {
      if (e.target == icon || (e.target.parentNode && e.target.parentNode == icon) || (e.target.parentNode.parentNode && e.target.parentNode.parentNode == icon)) {// 点击了翻译图标
          e.preventDefault();
          return;
      }
      for (var i = 0; i < server.rendered.length; i++) {// 点击了翻译内容面板
          if (e.target == server.rendered[i])
              return;// 不再创建翻译图标
      }

      var text = window.getSelection().toString().trim();
      if (text && icon.style.display == 'none') {
          icon.style.top = e.pageY + 12 + 'px';
          icon.style.left = e.pageX + 'px';
          icon.style.display = 'block';
      } else if (!text) {
          icon.style.display = 'none';
          server.containerDestroy();// 销毁翻译内容面板
      }
  });
  // 翻译图标点击事件
  icon.addEventListener('click', function (e) {
      var text = window.getSelection().toString().trim();
      if (text) {
          icon.style.display = 'none';
          server.containerDestroy();// 销毁翻译内容面板
          // 新建翻译内容面板
          var container = server.container();
          container.style.top = e.pageY + 'px';
          if (e.pageX + 350 <= document.body.clientWidth)// container 面板css最大宽度为250px
              container.style.left = e.pageX + 'px';
          else
              container.style.left = document.body.clientWidth - 350 + 'px';
          document.body.appendChild(container);
          server.rendered.push(container);

          if(isChina(text)) {
              ajax(googleUrl + 'en&q=', encodeURIComponent(text), 1, container);
          }else {
              if(countOfWord(text) == 1) {
                  ajax(youdaoUrl, text, 0, container);
              }else {
                  ajax(googleUrl + 'zh-CN&q=', encodeURIComponent(text), 1, container);
              }
          }
      }
  });

  function countOfWord(str) {
      var value = String(str);

      value = value.replace(/^\s+|\s+$/gi, ""); // 前后空格不计算为单词数

      value = value.replace(/\s+/gi, " ");// 多个空格替换成一个空格

      var length = 0; // 更新计数
      var match = value.match(/\s/g);//没有匹配到则返回null 
      if (match) {
          length = match.length + 1;
      } else if (value) {
          length = 1;
      }
      return length;
  }

  function isChina(str){  
      var reg=/^([\u4E00-\u9FA5]|[\uFF00-\uFF20]|[\u3000-\u301C])+$/;  
      return !!reg.test(str);
  }
  // ajax 跨域访问公共方法
  function ajax(url, text, target, element, method, data, headers) {
      if (!!!method)
          method = 'GET';
      // >>>因为Tampermonkey跨域访问(a.com)时会自动携带对应域名(a.com)的对应cookie
      // 不会携带当前域名的cookie
      // 所以，GM_xmlhttpRequest【不存在】cookie跨域访问安全性问题
      // 以下设置默认headers不起作用<<<
      url += text;
      if (!!!headers)
          headers = { 'cookie': '' };
      GM_xmlhttpRequest({
          method: method,
          url: url,
          headers: headers,
          data: data,
          onload: function (res) {
              if(target == 0){
                  youdao(res.responseText, text, element);
              }else{
                  google(res.responseText, element);
              }
          },
          onerror: function (res) {
              displaycontainer("连接失败",element);
          }
      });
  }

  // 有道翻译 引擎
  function youdao(rst, text, element) {
      var ec = JSON.parse(rst).ec;
      if (!!ec) {
          var word = JSON.parse(rst).ec.word[0], html = '', tr = '';
          
          var trs = word.trs, ukphone = word.ukphone, usphone = word.usphone, phone = word.phone;
          var phoneStyle = '' +
          'color:#9E9E9E!important;' + 
          '';
          if (!!ukphone && ukphone.length != 0) {
              html += '<span style="' + phoneStyle + '">英[' + ukphone + '] </span>';
          }
          if (!!usphone && usphone.length != 0) {
              html += '<span style="' + phoneStyle + '">美[' + usphone + '] </span>';
          }
          if (html.length != 0) {
              html += '<br />';
          } else if (!!phone && phone.length != 0) {
              html += '<span style="' + phoneStyle + '">[' + phone + '] </span><br />';
          }
          trs.forEach(element => {
              tr += element.tr[0].l.i[0] + '<br />';
          });
          html += tr;
          displaycontainer(html, element);
      }else {
          ajax(googleUrl +'zh-CN&q=', text, 1, element);
      }
  }

  // 谷歌翻译 引擎
  function google(rst, element) {
      var json = JSON.parse(rst), html = '';
      for (var i = 0; i < json.sentences.length; i++) {
          html += json.sentences[i].trans;
      }
      displaycontainer(html, element);
  }

  function displaycontainer(text, element) {
      element.innerHTML = text;
      element.style.display = 'block';// 显示结果
  }

  // 翻译server
  var server = {
      // 存放已经生成的翻译内容面板（销毁的时候用）
      rendered: [],
      // 销毁已经生成的翻译内容面板
      containerDestroy: function () {
          for (var i = this.rendered.length - 1; i >= 0; i--) {
              if (this.rendered[i] && this.rendered[i].parentNode) {
                  this.rendered[i].parentNode.removeChild(this.rendered[i]);
              }
          }
      },
      // 生成翻译结果面板 DOM （此时还未添加到页面）
      container: function () {
          var div = document.createElement('div');
          div.setAttribute('style', '' +
              'display:none!important;' +
              'position:absolute!important;' +
              'font-size:13px!important;' +
              'overflow:auto!important;' +
              'background:#fff!important;' +
              'font-family:sans-serif,Arial!important;' +
              'font-weight:normal!important;' +
              'text-align:left!important;' +
              'color:#000!important;' +
              'padding:0.5em 1em!important;' +
              'line-height:1.5em!important;' +
              'border-radius:5px!important;' +
              'border:1px solid #ccc!important;' +
              'box-shadow:4px 4px 8px #888!important;' +
              'max-width:350px!important;' +
              'max-height:216px!important;' +
              'z-index:2147483647!important;' +
              '');
          return div;
      }
  };// 翻译server结束
})();